<!DOCTYPE html>
<html class="x-admin-sm">
    
    <head>
        {include file="common/head" /}
    </head>
    <body>
        <div class="layui-fluid">
            <div class="layui-row">
                <form action="" id="form" class="layui-form" method="post">
                    <input type="hidden" name="id" value="{$info.id|default=0}">

                    <div class="layui-form-item">
                      <label for="title" class="layui-form-label">
                          <span class="x-red">*</span>分组名称
                      </label>
                      <div class="layui-input-inline">
                          <input type="text" value="{$info.title}" id="title" name="title" required="" lay-verify="required" autocomplete="off" class="layui-input">
                      </div>
                      <div class="layui-form-mid layui-word-aux">

                      </div>
                  </div>

                  <div class="layui-form-item">
                      <label class="layui-form-label"><span class="x-red"></span>状态</label>
                      <div class="layui-input-block">
                        <input type="radio" name="status" value="1" {eq name="info['status']" value="1"}checked{/eq} lay-skin="primary" title="正常" checked="">
                        <input type="radio" name="status" value="0" {eq name="info['status']" value="0"}checked{/eq} lay-skin="primary" title="禁用">
                      </div>
                  </div>

                  <div class="layui-form-item">
                      <label for="remark" class="layui-form-label">
                          <span class="x-red"></span>备注
                      </label>
                      <div class="layui-input-inline">
                          <textarea id="remark" name="remark" placeholder="请输入内容" class="layui-textarea">{$info.remark}</textarea>
                      </div>
                  </div>
                  <div class="layui-form-item">
                      <label for="ok" class="layui-form-label">
                      </label>
                      <button id="ok" class="layui-btn" lay-filter="add" lay-submit="">
                          {empty name="info['id']"}
                          增  加
                          {else /}
                          修  改
                          {/empty}

                      </button>
                  </div>
              </form>
            </div>
        </div>

        <div id="idbox" style="display: none">

        </div>
        <script>layui.use(['form', 'layer'],
            function() {
                $ = layui.jquery;
                var form = layui.form,
                layer = layui.layer;

                //自定义验证规则
                form.verify({
                    zm: function(value) {
                        if(!new RegExp("^[a-zA-Z0-9_\s·]+$").test(value)){
                            return '只能是字母或数字，字母和下划线开头';
                        }

                        if(!isNaN(value.substr(0,1))){
                            return '只能是字母或数字，字母和下划线开头';
                        }
                    }
                });

                //监听提交
                form.on('submit(add)',
                function(data) {
                    $.ajax({
                        type: "POST",
                        url: "{:url()}",
                        data: data.field,
                        success: function (result) {
                            layer.alert(result.msg, {
                                icon: 6
                            },function() {
                                xadmin.close();
                                xadmin.father_reload();
                            });
                        },
                        error: function(data) {
                            layer.alert(result.msg, {
                                    icon: 2
                                },function() {
                                    xadmin.close();
                                });
                        }

                    });
                    return false;
                });

                $("#idbox").load("/static/admin/icon.html");
                var html="";
                $("#showIcon").click(function () {
                    if(html==""){
                        html=$("#idbox").html();
                        $("#idbox").html("")
                    }

                    layer.open({
                        type: 1,
                        shadeClose:true,
                        skin: 'layui-layer-rim', //加上边框
                        area: ['800px', '100%'], //宽高
                        content: html
                    });
                });


            });
        </script>

    </body>

</html>
